<!DOCTYPE html>
<html lang='zh-CN'>
<meta charset='utf-8'>
<meta content='IE=edge' http-equiv='X-UA-Compatible'>
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" href="../css/mdui.css">
<link rel="stylesheet" href="../css/md.css">
<link rel="stylesheet" href="https://fonts.cat.net/earlyaccess/notosansscsliced.css">
<title>文化传承</title>
<header>
    <div class="mdui-appbar mdui-appbar-fixed">
        <div class="mdui-toolbar mdui-color-theme">
            <a href="javascript:;" class="mdui-btn mdui-btn-icon" mdui-drawer="{target: '#left-drawer'}">
                <i class="mdui-icon material-icons">menu</i>
            </a>
            <a href="../index.html" class="mdui-ripple">
                <span class="mdui-typo-title">文化传承</span>
            </a>
            <div class="mdui-toolbar-spacer"></div>
            <a href="javascript:;" class="mdui-btn mdui-btn-icon">
                <i class="mdui-icon material-icons">search</i>
            </a>
        </div>
    </div>
</header>

<body class="mdui-theme-primary-pink mdui-theme-accent-orange mdui-appbar-with-toolbar mdui-drawer-body-left ">
    <!-- 默认抽屉栏在左侧 -->
    <div class="mdui-drawer" id="left-drawer">
        <ul class="mdui-list">
            <a href="../news/index.html">
                <li class="mdui-list-item mdui-ripple">
                    <i class="mdui-list-item-icon mdui-icon material-icons">laptop_chromebook</i>
                    <div class="mdui-list-item-content">联播快讯</div>
                </li>
            </a>

            <a href="../excerpt/index.html">
                <li class="mdui-list-item mdui-ripple mdui-list-item-active">
                    <i class="mdui-list-item-icon mdui-icon material-icons">bookmark</i>
                    <div class="mdui-list-item-content">论据</div>
                </li>
            </a>

            <a href="../composition/index.html">
                <li class="mdui-list-item mdui-ripple">
                    <i class="mdui-list-item-icon mdui-icon material-icons">brush</i>
                    <div class="mdui-list-item-content">作文</div>
                </li>
            </a>

            <a href="../about/index.html">
                <li class="mdui-list-item mdui-ripple">
                    <i class="mdui-list-item-icon mdui-icon material-icons">info_outline</i>
                    <div class="mdui-list-item-content">关于</div>
                </li>
            </a>

        </ul>
    </div>
    <div class="mdui-container">
        <div class="mdui-fab-wrapper" mdui-fab>
            <button class="mdui-fab mdui-ripple mdui-color-theme-accent">
                <!-- 默认显示的图标 -->
                <i class="mdui-icon material-icons">add</i>
                <i class="mdui-icon mdui-fab-opened material-icons">add</i>
            </button>
            <div class="mdui-fab-dial">
                <button class="mdui-fab mdui-fab-mini mdui-ripple mdui-color-theme-accent" id="lock_btn">
                    <i class="mdui-icon material-icons">lock</i>
                </button>
                <button class="mdui-fab mdui-fab-mini mdui-ripple mdui-color-theme-accent" id="unlock_btn">
                    <i class="mdui-icon material-icons">lock_open</i>
                </button>
                <button class="mdui-fab mdui-fab-mini mdui-ripple mdui-color-theme-accent" id="page_up">
                    <i class="mdui-icon material-icons">arrow_upward</i>
                </button>
                <button class="mdui-fab mdui-fab-mini mdui-ripple mdui-color-theme-accent" id="page_down">
                    <i class="mdui-icon material-icons">arrow_downward</i>
                </button>
            </div>
        </div>


        <div id=p1></div>
        <div style="height:92px"></div>
        <div class="mdui-hoverable mdui-card ">
            <div class="mdui-card-primary">
                <div class="mdui-card-primary-title mdui-text-color-theme">为什么要传承弘扬优秀传统文化</div>
            </div>
            <div class="mdui-card-content">
                <p>传承和弘扬中国优秀传统文化，首先要回答为什么要传承和弘扬的问题，而要回答这一问题，首要的是要弄清楚中国优秀传统文化的价值定位问题。党的十八大以来，习近平总书记就中国优秀传统文化的价值和意义多次进行阐述并提出了多个重要论断。概括起来，主要包括如下八个方面的价值定位。</p>
                <p>
                    <strong>中华民族的“根”和“魂”</strong>
                </p>
                <p>
                    <strong>中华民族的文化基因和精神家园</strong>
                </p>
                <p>
                    <strong>中华民族生生不息、发展壮大的丰厚滋养</strong>
                </p>
                <p>
                    <strong>中华民族在世界文化激荡中站稳脚跟、坚定文化自信的坚实根基和突出优势</strong>
                </p>
                <p>
                    <strong>涵养社会主义核心价值观的重要源泉</strong>
                </p>
                <p>
                    <strong>中国特色社会主义植根的文化沃土</strong>
                </p>
                <p>
                    <strong>治国理政的重要思想文化资源</strong>
                </p>
                <p>
                    <strong>实现中华民族伟大复兴中国梦的重要精神支撑</strong>
                </p>
            </div>
        </div>

    </div>
</body>
<script src="../js/mdui.min.js"></script>
<script src="../js/smooth-scroll.js"></script>
<script>
    var $$ = mdui.JQ;
    var now_node = new Number(1);
    $$('#lock_btn').on('click', function () {
        $$.lockScreen();
    });
    $$('#unlock_btn').on('click', function () {
        $$.unlockScreen();
    });
    $$('#page_down').on('click', function () {
        now_node += 1;
        var scroll = new SmoothScroll();
        var anchor = document.querySelector('#p' + now_node.toString());
        scroll.animateScroll(anchor);
    });
    $$('#page_up').on('click', function () {
        now_node -= 1;
        if (now_node <= 0) now_node = 1;
        var scroll = new SmoothScroll();
        var anchor = document.querySelector('#p' + now_node.toString());
        scroll.animateScroll(anchor);
    });
</script>

</html>